import React, { useRef, useState, useEffect } from 'react';
import {
  Layout,
} from 'antd';
const { Header, Footer, Sider, Content } = Layout;
import { PageContainer,BasicLayout } from '@ant-design/pro-layout';
import { connect } from 'umi';
import moment from 'moment';
import styles from './style.less';

import CameraGrid from '@/pages/camera/realtime/components/CameraGrid';

export const BasicList = (props) => {
  const {
    loading,
    dispatch,
    cameraLive: { channelList },
  } = props;
  // useEffect(() => {
  //   dispatch({
  //     type: 'cameraLive/fetch',
  //     payload: {
  //       count: 5,
  //     },
  //   });
  // }, [1]);
  return (
      <Layout className={styles.cameraContainer}>
        <CameraGrid ></CameraGrid>
      </Layout>
  );
};
export default connect(({ cameraLive, loading }) => ({
  cameraLive,
  loading: loading.models.cameraLive,
}))(BasicList);
